﻿

@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

        .stitle {
            font-size: 16px;
            font-weight: 600;
            color: #424758;
            display: flex;
            margin: 6px 0;
            align-items: center;
        }

        .simg :hover {
            cursor: pointer
        }

        .stitle::before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            width: 4px;
            height: 18px;
            background: #0064E5;
        }
        svg {
            fill: red !important;
        }
        .css-dev-only-do-not-override-19iuou.ant-table-wrapper table tr > * {
            padding: 4px !important;
        }
        .css-dev-only-do-not-override-19iuou.ant-table-wrapper .ant-table-thead > tr > th, .css-dev-only-do-not-override-19iuou.ant-table-wrapper .ant-table-tbody > tr > td, .css-dev-only-do-not-override-19iuou.ant-table-wrapper tfoot > tr > th, .css-dev-only-do-not-override-19iuou.ant-table-wrapper tfoot > tr > td {
            padding: 4px
        }
    </style>
}
<div id="PPAList" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">

            <header class="px-5 box-border">
                <div class="flex items-center relative">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto mt-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">
                        <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PPAListParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div>
                        <span class="text-[]">教育活动<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">人员资证</span> </span>
                    </div>
                </div>
                <m-image-model></m-image-model>
                <m-pdf-pop-model></m-pdf-pop-model>
                <a-spin :spinning="PPAListParams.pagination.value.loading" tip="加载中，请耐心等待..." />

                <a-tabs style="height: 100%; width: 100%; padding: 0 30px 10px; box-sizing: border-box" v-on:change="PPAListParams.tchange" v-model:active-key="PPAListParams.cIndex.value" class="w-full h-[48px] text-[13px] rounded-lg  bg-white">
                    <a-tab-pane v-for="(e,i) in PPAListParams.tabList.value" :key="e.value" :tab="e.label">
                        <div class="w-full h-min-[108px] bg-white" style="padding:0 10px 10px; box-sizing: border-box; border-radius:6px">
                            <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                            <a-row v-if="PPAListParams.cIndex.value==1">

                                <a-form layout="inline" :model="PPAListParams.queryParams.value">


                                    <a-form-item label="所在部门：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择部门"
                                                  v-model:value="PPAListParams.queryParams.value.DepartmentId"
                                                  :options="PPAListParams.deptList.value">
                                        </a-select>
                                    </a-form-item>
                                    <a-form-item label="预警级别：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择预警级别"
                                                  v-model:value="PPAListParams.queryParams.value.warningLevel"
                                                  :options="PPAListParams.levelList.value">
                                        </a-select>
                                    </a-form-item>

                                    <a-form-item label="人员信息：">
                                        <a-input allow-clear placeholder="请填写姓名或者工号" style="width: 200px;" v-model:value="PPAListParams.queryParams.value.EmployeeNo"></a-input>
                                    </a-form-item>

                                    <a-form-item label="数据状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsValid">
                                            <a-radio :value="null">
                                                全部
                                            </a-radio>
                                            <a-radio :value="true">有效</a-radio>
                                            <a-radio :value="false">停用</a-radio>

                                        </a-radio-group>
                                    </a-form-item>


                                    <a-form-item label="安排培训：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsTraining">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">是</a-radio>
                                            <a-radio :value="false">否</a-radio>

                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item label="账号状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.Status">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">正常</a-radio>
                                            <a-radio :value="false">停用</a-radio>
                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button v-on:click="PPAListParams.getTableList(true)" type="primary">查询</a-button>
                                    </a-form-item>

                                    <a-form-item>
                                        <a-button v-on:click="PPAListParams.handleReset">重置</a-button>
                                    </a-form-item>



                                </a-form>


                            </a-row>

                            <a-row v-if="PPAListParams.cIndex.value==2">

                                <a-form layout="inline" :model="PPAListParams.queryParams.value">

                                    <a-form-item label="所在部门：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择所在部门"
                                                  v-model:value="PPAListParams.queryParams.value.DepartmentId"
                                                  :options="PPAListParams.deptList.value">
                                        </a-select>
                                    </a-form-item>

                                    <a-form-item label="预警级别：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择预警级别"
                                                  v-model:value="PPAListParams.queryParams.value.warningLevel"
                                                  :options="PPAListParams.levelList.value">
                                        </a-select>
                                    </a-form-item>


                                    <a-form-item label="人员信息：">
                                        <a-input allow-clear placeholder="请填写姓名或者工号" style="width: 200px;" v-model:value="PPAListParams.queryParams.value.EmployeeNo"></a-input>
                                    </a-form-item>

                                    <a-form-item label="数据状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsValid">
                                            <a-radio :value="null">
                                                全部
                                            </a-radio>
                                            <a-radio :value="true">有效</a-radio>
                                            <a-radio :value="false">停用</a-radio>

                                        </a-radio-group>
                                    </a-form-item>


                                    <a-form-item label="安排培训：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsTraining">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">是</a-radio>
                                            <a-radio :value="false">否</a-radio>

                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item label="账号状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.Status">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">正常</a-radio>
                                            <a-radio :value="false">停用</a-radio>
                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button v-on:click="PPAListParams.getTableList(true)" type="primary">查询</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button v-on:click="PPAListParams.handleReset">重置</a-button>
                                    </a-form-item>

                                </a-form>


                            </a-row>
                            <div v-if="PPAListParams.cIndex.value==3">


                                <a-form layout="inline" :model="PPAListParams.queryParams.value">

                                    <a-form-item label="所在部门：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择所在部门"
                                                  v-model:value="PPAListParams.queryParams.value.DepartmentId"
                                                  :options="PPAListParams.deptList.value">
                                        </a-select>
                                    </a-form-item>
                                    <a-form-item label="预警级别：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择预警级别"
                                                  v-model:value="PPAListParams.queryParams.value.warningLevel"
                                                  :options="PPAListParams.levelList.value">
                                        </a-select>
                                    </a-form-item>

                                    <a-form-item label="人员信息：">
                                        <a-input allow-clear placeholder="请填写姓名或者工号" style="width: 200px;" v-model:value="PPAListParams.queryParams.value.EmployeeNo"></a-input>
                                    </a-form-item>


                                    <a-form-item label="持证类别：">
                                        <a-select show-search
                                                  allow-clear
                                                  style="width: 200px;"
                                                  :filter-option="PPAListParams.filterOption"
                                                  placeholder="请选择持证类别"
                                                  v-model:value="PPAListParams.queryParams.value.certiType"
                                                  :options="PPAListParams.CertiTypeList.value">
                                        </a-select>
                                    </a-form-item>

                                    <a-form-item label="数据状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsValid">
                                            <a-radio :value="null">
                                                全部

                                            </a-radio>
                                            <a-radio :value="true">有效</a-radio>
                                            <a-radio :value="false">停用</a-radio>

                                        </a-radio-group>
                                    </a-form-item>


                                    <a-form-item label="安排培训：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.IsTraining">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">是</a-radio>
                                            <a-radio :value="false">否</a-radio>

                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item label="账号状态：">
                                        <a-radio-group v-model:value="PPAListParams.queryParams.value.Status">
                                            <a-radio :value="null">全部 </a-radio>
                                            <a-radio :value="true">正常</a-radio>
                                            <a-radio :value="false">停用</a-radio>
                                        </a-radio-group>
                                    </a-form-item>
                                    <a-form-item>

                                        <a-button v-on:click="PPAListParams.getTableList(true)" type="primary">查询</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button v-on:click="PPAListParams.handleReset">重置</a-button>
                                    </a-form-item>
                                </a-form>
                            </div>

                            <div class="bar flex w-full mt-6">


                                <a-card :bordered="true" class="w-full">
                                    <template #title>
                                        <div class="w-full flex justify-between items-center">
                                            <div class="flex justify-items-center">
                                                <div class="ml-7 flex  item-center">
                                                    <a-tag color="#108ee9">总数:{{ PPAListParams.pagination.value.total }}</a-tag>
                                                </div>
                                            </div>
                                            <div class="flex justify-items-center">
                                                <div v-on:click="PPAListParams.handleSearch(e.value)" v-for="e in PPAListParams.levelList.value" class="flex mr-6" style="align-items: center; cursor: pointer">
                                                    <div :style="{
                                                         background: e.color
                                                         }" style="width: 14px; height: 14px;margin-right: 6px"></div>
                                                    <div style="font-size: 14px">{{e.label}}({{e.Count}})</div>
                                                </div>
                                             


                                                <div v-on:click="PPAListParams.handleSearch(null)" class="flex mr-6" style="align-items: center; cursor: pointer">

                                                    <div style="font-size: 14px">全部</div>
                                                </div>
                                            </div>
                                            <a-space>
                                                @*<a-upload action="#"
                  :show-upload-list="false"
                  v-on:change="($event)=>PPAListParams.handleImport($event,0)">
            <a-button style="background: #40c46d" type="primary">导入(老)</a-button>
        </a-upload>*@
                                                <a-upload action="#"
                                                          :show-upload-list="false"
                                                          v-on:change="($event)=>PPAListParams.handleImport($event,1)">
                                                    <a-button v-if="PPAListParams.uinfo.value.DepartmentId==20" style="background: #40c46d" type="primary">导入</a-button>
                                                </a-upload>

                                 

                                                <a-button v-on:click="PPAListParams.handleExport()" style="background: #f6b80f" type="primary">导出</a-button>
                                                <a-button v-if="PPAListParams.uinfo.value.DepartmentId==20" v-on:click="PPAListParams.toAdd()" type="primary">新增</a-button>
                                            </a-space>
                                        </div>
                                    </template>

                                    @*<a-table :scroll="{ x: 'max-content' }" v-if="!PPAListParams.pagination.value.loading" v-on:change="PPAListParams.handleTableChange" row-key="Id" :row-selection="PPAListParams.rowSelection" :pagination="PPAListParams.pagination.value" :data-source="PPAListParams.dataSource.value" :columns="{1:PPAListParams.columns1.value,2:PPAListParams.columns2.value,3:PPAListParams.columns3.value}[PPAListParams.cIndex.value]">
                                    </a-table>*@
                                    <a-table :scroll="{ x: 'max-content' }"  v-if="!PPAListParams.pagination.value.loading" v-on:change="PPAListParams.handleTableChange"  row-key="Id" :row-selection="PPAListParams.rowSelection" :pagination="PPAListParams.pagination.value" :data-source="PPAListParams.dataSource.value" :columns="{1:PPAListParams.columns1.value,2:PPAListParams.columns2.value,3:PPAListParams.columns3.value}[PPAListParams.cIndex.value]">
                                    </a-table>

                                </a-card>
                            </div>
                        </div>

                    </a-tab-pane>
                </a-tabs>
                <a-modal :mask-closable="false" v-model:open="PPAListParams.popShow.value" width="45%" :ok-text="PPAListParams.popType.value==9?'关闭':'保存'" :title="PPAListParams.popType.value?{1:`${PPAListParams.personTypeMap.value[PPAListParams.cIndex.value] }编辑`,9:`${PPAListParams.personTypeMap.value[PPAListParams.cIndex.value]}详情`}[PPAListParams.popType.value]:`新增${PPAListParams.personTypeMap.value[PPAListParams.cIndex.value]}`" v-on:ok="PPAListParams.handleOk">
                    <a-spin :spinning="PPAListParams.uploadLock.value" tip="加载中，请耐心等待..." />
                    <div class="stitle">基本信息</div>
                    <a-row>
                        <a-col :span="24">
                            <a-form v-if="PPAListParams.cIndex.value==1" ref="formRef" :model="PPAListParams.formData1.value" :rules="PPAListParams.formRules1.value" :label-col="{ span:7 }" :wrapper-col="{ span: 18 }">
                                <div style="display:flex;justify-content:space-around">
                                    <div>
                                        <a-form-item label="工号：" style="position:relative" name="EmployeeNo">
                                            <a-input allow-clear placeholder="请填写工号" v-on:input="PPAListParams.handleInput" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.EmployeeNo"></a-input>
                                            <div v-show="PPAListParams.isOut.value" style="color: red; position: absolute; top: 30px">该工号已停用！</div>
                                        </a-form-item>
                                
                                        <a-form-item label="姓名：" name="EmployeeName">
                                            <a-input allow-clear placeholder="请填写姓名" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.EmployeeName"></a-input>
                                        </a-form-item>
                                        <a-form-item label="持证类别：" name="CertiType">
                                            <a-select show-search
                                                      allow-clear
                                                      :disabled="PPAListParams.popType.value==9"
                                                      style="width: 200px;"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择持证类别"
                                                      v-model:value="PPAListParams.formData1.value.CertiType"
                                                      :options="PPAListParams.CertiTypeList.value">
                                            </a-select>
                                        </a-form-item>

                                        <a-form-item label="有效期起：">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.ValidStartTime" style="width:200px" />
                                        </a-form-item>


                                        <a-form-item label="有效状态：">
                                            <a-radio-group :disabled="PPAListParams.popType.value==9" :options="PPAListParams.IsValidList.value" v-model:value="PPAListParams.formData1.value.IsValid">


                                            </a-radio-group>
                                        </a-form-item>
                                        <a-form-item label="安排培训：">
                                            <a-radio-group :disabled="PPAListParams.popType.value==9" :options="PPAListParams.IsTrainingList.value" v-model:value="PPAListParams.formData1.value.IsTraining">


                                            </a-radio-group>
                                        </a-form-item>
                                    </div>
                                    <div>
                                        <a-form-item label="所在部门：" name="DepartmentId">
                                            <a-select show-search
                                                      allow-clear
                                                      :disabled="PPAListParams.popType.value==9"
                                                      style="width: 200px;"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择所在部门"
                                                      v-model:value="PPAListParams.formData1.value.DepartmentId"
                                                      :options="PPAListParams.deptList.value">
                                            </a-select>
                                        </a-form-item>
                                        <a-form-item label="职务：">
                                            <a-input allow-clear placeholder="请填写职务" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.JobTitle"></a-input>
                                        </a-form-item>
                                        <a-form-item label="证书编号：" name="CertiNo">
                                            <a-input allow-clear placeholder="请填写证书编号" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.CertiNo"></a-input>
                                        </a-form-item>
                                        <a-form-item label="有效期止：" name="ValidEndTime">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.ValidEndTime" style="width:200px" />
                                        </a-form-item>
     
                                        <a-form-item label="复审日期：">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.CheckTime" style="width:200px" />
                                        </a-form-item>
                                        <a-form-item label="排序：">
                                            <a-input-number :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData1.value.Sort" style="width:200px" />
                                        </a-form-item>
                                    </div>

                                </div>
                            </a-form>
                            <a-form v-if="PPAListParams.cIndex.value==2" ref="formRef" :model="PPAListParams.formData2.value" :rules="PPAListParams.formRules2.value" :label-col="{ span: 7 }" :wrapper-col="{ span: 18 }">
                                <div style="display:flex;justify-content:space-around">
                                    <div>
                                        <a-form-item label="工号：" style="position:relative" name="EmployeeNo">
                                            <a-input allow-clear placeholder="请填写工号" v-on:input="PPAListParams.handleInput" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.EmployeeNo"></a-input>
                                            <div v-show="PPAListParams.isOut.value" style="color: red; position: absolute; top: 30px">该工号已失效！</div>
                                        </a-form-item>

                                        <a-form-item label="姓名：" name="EmployeeName">
                                            <a-input allow-clear placeholder="请填写姓名" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.EmployeeName"></a-input>
                                        </a-form-item>
                                        <a-form-item label="特长：">
                                            <a-input allow-clear placeholder="请填写特长" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.Talent"></a-input>
                                        </a-form-item>



                                    </div>
                                    <div>
                                        <a-form-item label="所在部门：" name="DepartmentId">
                                            <a-select show-search
                                                      allow-clear
                                                      style="width: 200px;"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择所在部门"
                                                      :disabled="PPAListParams.popType.value==9"
                                                      v-model:value="PPAListParams.formData2.value.DepartmentId"
                                                      :options="PPAListParams.deptList.value">
                                            </a-select>
                                        </a-form-item>
      
                                        <a-form-item label="岗位名称：" name="JobTitle">
                                            <a-input allow-clear placeholder="请填写岗位名称" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.JobTitle"></a-input>
                                        </a-form-item>
    
                                        <a-form-item label="现从事专业：">
                                            <a-input allow-clear placeholder="请填写现从事专业" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.JobType"></a-input>
                                        </a-form-item>
                                    </div>

                                </div>
                                <div class="stitle">持证情况</div>
                                <div style="display:flex;justify-content:space-around">
                                    <div>

                                        <a-form-item label="持证类别：" name="CertiType">
                                            <a-select show-search
                                                      allow-clear
                                                      style="width: 200px;"
                                                      :disabled="PPAListParams.popType.value==9"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择持证类别"
                                                      v-model:value="PPAListParams.formData2.value.CertiType"
                                                      :options="PPAListParams.CertiTypeList.value">
                                            </a-select>
                                        </a-form-item>
                                        <a-form-item label="有效期起：">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.ValidStartTime" style="width:200px" />
                                        </a-form-item>


                                        <a-form-item label="复审日期：">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.CheckTime" style="width:200px" />
                                        </a-form-item>


                                        <a-form-item label="有效状态：">
                                            <a-radio-group :disabled="PPAListParams.popType.value==9" :options="PPAListParams.IsValidList.value" v-model:value="PPAListParams.formData2.value.IsValid">


                                            </a-radio-group>
                                        </a-form-item>


                                    </div>
                                    <div>

                                        <a-form-item label="证书编号：" name="CertiNo">
                                            <a-input :disabled="PPAListParams.popType.value==9" allow-clear placeholder="请填写证书编号" v-model:value="PPAListParams.formData2.value.CertiNo"></a-input>
                                        </a-form-item>
                                        <a-form-item label="有效期止：" name="ValidEndTime">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData2.value.ValidEndTime" style="width:200px" />
                                        </a-form-item>

                                        <a-form-item label="安排培训：">
                                            <a-radio-group :disabled="PPAListParams.popType.value==9" :options="PPAListParams.IsTrainingList.value" v-model:value="PPAListParams.formData2.value.IsTraining">


                                            </a-radio-group>
                                        </a-form-item>


                                    </div>

                                </div>
                            </a-form>
                            <a-form v-if="PPAListParams.cIndex.value==3" ref="formRef" :model="PPAListParams.formData3.value" :rules="PPAListParams.formRules3.value" :label-col="{ span: 7 }" :wrapper-col="{ span: 18 }">
                                <div style="display:flex;justify-content:space-around">
                                    <div>
                                        <a-form-item label="工号：" style="position:relative" name="EmployeeNo">

                                            <a-input allow-clear placeholder="请填写工号" v-on:input="PPAListParams.handleInput" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.EmployeeNo"></a-input>
     
                                            <div v-show="PPAListParams.isOut.value" style="color: red; position: absolute; top: 30px">该工号已停用！</div>

                                        </a-form-item>
                            
                                        <a-form-item label="姓名：" name="EmployeeName">
                                            <a-input allow-clear placeholder="请填写姓名" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.EmployeeName"></a-input>
                                        </a-form-item>
                                        <a-form-item label="有效期起：">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.ValidStartTime" style="width:200px" />
                                        </a-form-item>
                                        <a-form-item label="持证类别：" name="CertiType">
                                            <a-select show-search
                                                      allow-clear
                                                      :disabled="PPAListParams.popType.value==9"
                                                      style="width: 200px;"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择持证类别"
                                                      v-model:value="PPAListParams.formData3.value.CertiType"
                                                      :options="PPAListParams.CertiTypeList.value">
                                            </a-select>
                                        </a-form-item>
         @*<a-form-item label="初领日期：">
            <a-date-picker v-model:value="PPAListParams.queryParams.value.z" style="width:200px" />
        </a-form-item>*@
                                        <a-form-item label="准操作项目：">
                                            <a-input allow-clear placeholder="请填写准操作项目" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.OperateProject"></a-input>
                                        </a-form-item>


                                        <a-form-item label="有效状态：">
                                            <a-radio-group :options="PPAListParams.IsValidList.value" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.IsValid">


                                            </a-radio-group>
                                        </a-form-item>



                                    </div>
                                    <div>
                                        <a-form-item label="所在部门：" name="DepartmentId">
                                            <a-select show-search
                                                      allow-clear
                                                      style="width: 200px;"
                                                      :filter-option="PPAListParams.filterOption"
                                                      placeholder="请选择所在部门"
                                                      :disabled="PPAListParams.popType.value==9"
                                                      v-model:value="PPAListParams.formData3.value.DepartmentId"
                                                      :options="PPAListParams.deptList.value">
                                            </a-select>
                                        </a-form-item>
                                        @*<a-form-item label="身份证号：">
                                    <a-input allow-clear placeholder="请填写身份证号" v-model:value="PPAListParams.queryParams.value.Text"></a-input>
                                </a-form-item>*@

                                        <a-form-item label="证号：" name="CertiNo">
                                            <a-input allow-clear placeholder="请填写证号" :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.CertiNo"></a-input>
                                        </a-form-item>
                                        <a-form-item label="有效期止：" name="ValidEndTime">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.ValidEndTime" style="width:200px" />
                                        </a-form-item>
                                        @*<a-form-item label="应复审日期：">
                                    <a-date-picker v-model:value="PPAListParams.queryParams.value.z" style="width:200px" />
                                </a-form-item>*@
                                        <a-form-item label="复审日期：" name="CheckTime">
                                            <a-date-picker :disabled="PPAListParams.popType.value==9" v-model:value="PPAListParams.formData3.value.CheckTime" style="width:200px" />
                                        </a-form-item>
                                        <a-form-item label="安排培训：">
                                            <a-radio-group :disabled="PPAListParams.popType.value==9" :options="PPAListParams.IsTrainingList.value" v-model:value="PPAListParams.formData3.value.IsTraining">


                                            </a-radio-group>
                                        </a-form-item>

                                    </div>

                                </div>
                            </a-form>
                        </a-col>
                    </a-row>

                    @*<div v-if="PPAListParams.cIndex.value==2">
                <div class="stitle">持证情况</div>
                <a-row>
                    <a-col :span="24">
                        <a-form  :model="PPAListParams.formData4.value" :rules="PPAListParams.formRules4.value" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">

                        </a-form>

                    </a-col>
                </a-row>
            </div>*@
                    <div class="stitle">附件</div>
                    <div>
                        @*<a-upload v-model:file-list="PPAListParams.uploadImg.value.fileList"
                                  action="#"
                                  multiple
                                  :item-render="($event)=> PPAListParams.itemRender($event)"
                                  v-on:change="PPAListParams.handleChange($event)">
                            <a-button v-if="PPAListParams.uploadImg.value.fileList.length < 8 && PPAListParams.popType.value!=9" type="primary">+ 上传附件</a-button>
                        </a-upload>*@


                        <a-upload-dragger v-model:file-list="PPAListParams.uploadImg.value.fileList"
                                          action="#"
                                          multiple
                                          style="width:70%;margin:10px auto"
                                          :disabled="PPAListParams.uploadImg.value.fileList.length > 8 || PPAListParams.popType.value==9"
                                          :item-render="($event)=> PPAListParams.itemRender($event)"
                                          v-on:change="PPAListParams.handleChange($event)">
                            <p class="ant-upload-text">单击或拖动文件到<span style="color: #1677ff; font-weight: bold;">此区域</span>进行上传</p>
                            <div style="height:90px"></div>
                            <p class="ant-upload-hint">
                                支持单个或批量上传
                            </p>
                        </a-upload-dragger>
                    </div>


                </a-modal>
            </header>
        </a-config-provider>
    </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../Bussiness/js/pg/PPA/PPAList.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PPAList', Composition, localeValues)
    </script>
}
